<!DOCTYPE html>
<html>
  <head>
    <title>订单信息</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--    <link href="css/bootstrap-responsive.css" rel="stylesheet">-->
    <link rel="stylesheet" href="{{config['application']['site']['assetsUri']}}admin/css/bootstrap.min.css" />
    <link rel="stylesheet" href="{{config['application']['site']['assetsUri']}}order/style.css" />
    <meta charset="utf-8" />
    <style type="text/css">
       .help-inline {
  display: inline-block;
  *display: inline;
  padding-left: 5px;
  vertical-align: middle;
  *zoom: 1;
}
.section-box{
    padding: 0px;  
    padding-left: 10mm;
    padding-right:  10mm;
    width: 190mm;
    margin: 0 auto;
}
.section-box .text_wrap{
     display: -webkit-box;
    display: -webkit-flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    overflow:hidden;
    padding: 10px 0 0 0;
} 
.section-box .text_wrap .help-inline{
}
.section-box .text1{
  -webkit-box-flex: 1.1;
    -webkit-flex: 1.1;
}
.section-box .text2{
  -webkit-box-flex: 1.5;
    -webkit-flex: 1.5;
}
.section-box .text3{
   -webkit-box-flex: 1.5;
    -webkit-flex: 1.5;
}
.section-box .text_wrap .help-inline .control-group{
     overflow: hidden;
}
.section-box .text_wrap .help-inline .control-group .left{
     display: table-cell;
    word-wrap: break-word;
    word-break: break-all;
    white-space: nowrap;
    vertical-align: top;
    text-align: left;
} 
.section-box .text_wrap .help-inline .control-group .right{
    display: table-cell;
    vertical-align: middle;
    word-wrap: break-word;
    word-break: break-all;
    width: 2000px;
    font-weight: normal;
} 
.table-wrap-box{
    width: 190mm;
    margin: 0 auto;
    padding-left: 10mm;
    padding-right: 10mm;
}
.top_box{
    padding-top: 50px;
    padding-bottom: 20px;
}
.tips_right{
   float: right;
}
.end-pay-info {
    padding: 10px 0px 0px 0px;
}

    </style>
  </head>
  <body>
    <div class="">
        <div class="section-box top_box">
                  <div class="row-fluid text_wrap">
                      <div class="help-inline text1">
                          <div class="control-group">
                            <label class="help-inline left">客户姓名：</label>
                            <label class="help-inline right">{{info.client_name}}</label>  
                          </div>
                      </div>
                      <div class="help-inline text2">
                          <div class="control-group">
                            <label class="help-inline left ">下单时间：</label>
                            <label class="help-inline right">{{info.createtime}}</label>  
                          </div>
                      </div>
                      <div class="help-inline text3">
                          <div class="control-group">
                            <label class="help-inline left ">订单编号：</label>
                            <label class="help-inline right">{{info.order_number}}</label>  
                          </div>
                      </div>
                  </div>    
                  <div class="row-fluid text_wrap">
                      <div class="help-inline  text1">
                          <div class="control-group">
                            <label class="help-inline left">手机：</label>
                             <label class="help-inline right">{{info.client_phone}}</label>   
                          </div>
                      </div>
                      <div class="help-inline  text2">
                          <div class="control-group">
                              <label class="help-inline left">出发地址：</label>
                              <label class="help-inline right">{{info.start_address}}防守对方打首发</label> 
                          </div>
                      </div>
                      <div class="help-inline  text3">
                          <div class="control-group">
                              <label class="help-inline left">目标地址：</label>
                              <label class="help-inline right">{{info.arrive_address}}凡达四方达四方打首发大方的说法</label> 
                          </div>
                      </div>
                  </div>
                  <div class="row-fluid  text_wrap">
                      <div class="help-inline  text1">
                          <div class="control-group">
                            <label class="help-inline left">搬运日期：</label>
                             <label class="help-inline right">{{info.carrydate}}</label>   
                          </div>
                      </div>
                      <div class="help-inline  text2">
                          <div class="control-group">
                              <label class="help-inline left">搬家业务：</label>
                              <label class="help-inline right">{{info.carry_type}}</label> 
                          </div>
                      </div>
                      <div class="help-inline  text3">
                          <div class="control-group">
                              <label class="help-inline left">客户类型：</label>
                              <label class="help-inline right">{{ info.client_type}}</label> 
                          </div>
                      </div>
                  </div>
            
        </div> 
        <div class="table-wrap-box">
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th>序号</th>
                    <th>项目</th>
                    <th>业务内容</th>
                    <th>价格</th>
                </tr>
            </thead> 
            {% for k,v in info.option_list %}
            <tr>
                <td>{{k+1}}</td>
                <td>{{info.option_list[k]}}</td>
                {% if info.meal_type == 1%}
                <td  style="text-align:left;">{{info.content_list[k]|raw}}</td>
                {% else %}
                <td>{{info.content_list[k]}}</td>
                {%endif%}
                <td>{{info.price_list[k]}}</td>
            </tr>
            {% endfor%}
            <tr>
                <td></td>
                <td></td>
                <td>总价格:</td>
                <td>{{info.total_price}}</td>
            </tr>
        </table>
        </div>     
        <div class="section-box">                   
            <div class="row-fluid">                    
                  <div class="control-group">                        
                    <div class="help-inline tips_right">
                         <div class="">
                            <label class="help-inline">应付</label>
                            <label class="help-inline red-label">{{info.must_price}}</label> 
                            <label class="help-inline">元</label>
                            <label class="help-inline">已支付：</label>
                            <label class="help-inline red-label">{{info.already_price}}</label>
                            <label class="help-inline">元</label>
                         </div> 
                    </div>                       
                </div>
            </div> 
            <div class="row-fluid">                    
                  <div class="control-group">                        
                    <div class="help-inline">
                         <div class="">
                              <label class="help-inline">领班人员：</label>
                              <label class="help-inline">{{info.foreman}}</label>
                              <label class="help-inline tip-label-7em ">司机名称：</label>
                              <label class="help-inline">{{info.driver_name}}</label>
                         </div> 
                    </div>                       
                </div>
            </div>             
        </div>
    <script src="js/bootstrap.js"></script>
  </body>
</html>
<script type='text/javascript'>
    
    //打印订单
    function preview() 
    { 
        bdhtml=window.document.body.innerHTML; 
        sprnstr="<!--startprint-->"; 
        eprnstr="<!--endprint-->"; 
        prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); 
        prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); 
        window.document.body.innerHTML=prnhtml; 
        window.print(); 
        window.document.body.innerHTML=bdhtml;
    } 
    window.print(); 
 </script>    